<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
	<meta charset="utf-8" />
	<title>小帆博客</title>
	<meta name="description" content="" />
	<meta name="viewport" content="width=device-width" />
	<link rel="shortcut icon" href="/favicon.ico"/>
	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
	<link rel="stylesheet" href="/templates/chahua2601/css/main.css" />
	<link rel="stylesheet" href="/templates/chahua2601/css/style.css" />
	<link rel="stylesheet" href="/templates/chahua2601/css/nivo-slider.css" />
	<link rel="stylesheet" media="all" href="/templates/chahua2601/css/responsive.css" />

	<script src="/templates/chahua2601/js/modernizr-2.6.1.min.js"></script>

	<!-- GOOGLE FONTS -->
	<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,200' rel='stylesheet' type='text/css' />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<!-- TOP -->
<div id="top-page" class="cf">

	<!-- search -->
	<form method="get" id="searchform" action="#" class="cf" />
		<input type="submit" id="searchsubmit" value=" " />
		<input type="text" value="" name="s" id="s" placeholder="搜索" />
	</form>
	<!-- ENDS search -->

	<!-- Social bar -->
	<ul id="social-bar" class="cf">
		@guest
			<li><a  href="{{ route('login') }}" title="登录" style="color: #fff3cd">登录</a></li>
			<li><a href="{{ route('register') }}" title="注册" style="color: #fff3cd">注册</a></li>
		@else
			<li style="width: 80px"><a href="{{ route('register') }}" style="color: #fff3cd;width: 100%">{{ Auth::user()->name }}</a></li>
			<li><a class="dropdown-item" href="{{ route('logout') }}" style="color: #fff3cd;width: 100%"
				   onclick="event.preventDefault();	document.getElementById('logout-form').submit();">
					{{ __('Logout') }}
				</a>
				<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
					@csrf
				</form>
			</li>
		@endguest
		{{--<li class="dribbble"><a href="#" title="Dribbble"></a></li>--}}
		{{--<li class="dribbble"><a href="#" title="Dribbble"></a></li>--}}
		{{--<li class="facebook"><a href="#" title="Facebook"></a></li>--}}
		{{--<li class="forrst"><a href="#" title="forrst"></a></li>--}}
		{{--<li class="googleplus"><a href="#" title="googleplus"></a></li>--}}
		{{--<li class="twitter"><a href="#" title="twitter"></a></li>--}}
	</ul>
	<!-- ENDS Social bar -->

</div>
<!-- ENDS TOP -->
<!-- 头部开始 -->
<header class="cf">

	<!-- nav -->
	<nav class="cf">

		<!-- 导航开始 -->
		<ul id="left-nav" class="sf-menu">
			<li><a href="{{route('work')}}">文章</a></li>
			<li><a href="{{route('blog')}}">博客</a></li>
			{{--class="current-menu-item" 选中效果--}}
			<li ><a href="/">首页</a></li>
		</ul>
		<!-- 导航结束 -->

		<!-- right nav -->
		<ul id="right-nav" class="sf-menu">
			<li><a href="{{route('page')}}">科普</a>
				<ul>
					<li><a href="{{route('page')}}">PHP</a></li>
				</ul>
			</li>
			<li><a href="{{route('contact')}}">联系我</a></li>
			<li><a href="{{route('other')}}">其他</a></li>
		</ul>
		<!-- ENDS right nav -->

	</nav>
	<!-- nav -->

	<!-- logo -->
	<div id="logo">
		<a href="/"><img src="/templates/chahua2601/img/logo.png" alt="" /></a>
	</div>
	<!-- ENDS logo -->
</header>
<!-- 头部结束 -->



@yield('content')



<!-- widgets -->
<div class="widget-holder">
	<div class="left-fold"></div>
	<div class="right-fold"></div>
	<ul class="widget-cols cf">
		<li class="first-col">

			<div class="widget-block">
				<h4>推荐文章</h4>
				@article(['iscommend'=>1,'limit'=>3])
				<div class="recent-post cf" >
					<a href="{{route('single',$a['id'])}}" class="thumb"><img src="{{$a['thumb']}}" alt="Post"  style="width: 60px;height: 60px"/></a>
					<div class="post-head">
						<div style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"><a href="{{route('single',$a['id'])}}">{{$a['title']}}</a></div>
						<div style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"><a href="javascript:hald();">{{$a['author']}} </a></div>
						<span class="date">{{$a['updated_at']}}</span>
					</div>
				</div>
				@endarticle
			</div>
		</li>

		<li class="second-col">

			<div class="widget-block" style="text-align: center">
				<h4>关于</h4>
				<p><a href="http://cdblog.xin/">小帆博客</a></p>
				<p>致力于 <a href="http://cdblog.xin/">PHP</a> 后台开发与前端创作！</p>
			</div>

		</li>

		<li class="third-col">

			<div class="widget-block" style="text-align: center">
				<h4>学习推荐</h4>
				<p>暂无推荐</p>
			</div>

		</li>

		<li class="fourth-col">

			<div class="widget-block">
				<h4>友情链接</h4>
				<ul style="text-align: center">
					@tolink
					<li class="cat-item"><a href="{{$li['url']}}" target="view_window">{{$li['name']}}</a></li>
					@endtolink
				</ul>
			</div>

		</li>
	</ul>
</div>
<!-- ENDS widgets -->

<!-- FOOTER -->
<footer class="cf">
	<div id="bottom-left">
		<script src="/templates/chahua2601/js/chirp.min.js"></script>
		<script>Chirp({user:'ansimuz',max:1})</script></div>
	<div id="bottom-right">copyright by <a href="http://www.cdblog.xin" target="view_window">cdblog.xin</a> </div>
	<div id="bottom-right" style="text-align: center"><a href="http://www.miitbeian.gov.cn" target="view_window">京ICP备17049858号-1</a> </div>
</footer>
<!-- ENDS FOOTER -->

<!-- JavaScript at the bottom for fast page loading -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/templates/chahua2601/js/jquery-1.8.0.min.js"><\/script>')</script>
<!-- superfish -->
<script src="/templates/chahua2601/js/superfish-1.4.8//templates/chahua2601/js/hoverIntent.js"></script>
<script src="/templates/chahua2601/js/superfish-1.4.8//templates/chahua2601/js/superfish.js"></script>
<script src="/templates/chahua2601/js/superfish-1.4.8//templates/chahua2601/js/supersubs.js"></script>
<!-- ENDS superfish -->
<script src="/templates/chahua2601/js/jquery.nivo.slider.js"></script>
<script src="/templates/chahua2601/js/tabs.js"></script>
<script src="/templates/chahua2601/js/css3-mediaqueries.js"></script>
<script src="/templates/chahua2601/js/jquery.isotope.min.js"></script>
<script src="/templates/chahua2601/js/custom.js"></script>
<!-- ENDS javascripts -->

</body>
</html>